

/*布局*/
.header{height: 50px; background: #e30c26}

.header i{float: left; font-size: 30px; color: #fff; line-height: 50px; margin-left: 20px; width: 40px; height: 50px;}

.header p{color: #fff; font-size: 16px; line-height: 50px;  float: left;}

.dianp{width: 100%; height:9rem; background: #999999;}

.dianp .nr{width: 96%; height: 5rem; margin-top: 40px; float: right; position: relative;}

.dianp .nr img{width: 5rem; height: 5rem; border-radius: 5px; float: left;}

.dianp .nr p{float: left; height: 20px; font-size: 14px; color: #fff; margin-left: 10px; margin-top: 16px;}

.dianp .nr span{display: block;  height: 20px; position: absolute; top: 46px; left: 5.5rem; color: #fff;}

.dianp .nr span em{margin-left: 5px;}

.dianp .nr span i{margin-right: 2px;}

.qihuan{width: 100%; height: 40px; border-bottom: 1px solid #dcdcdc;}

.qihuan ul li{float: left; width: 20%; height: 40px; line-height: 40px; text-align: center; color: #3f3f3f;
font-size: 0.8rem;  margin-left: 5px;}

.row{width: 100%; height: 60%;}

.row img{width: 80px; height: 80px; margin-top: 20%; margin-left: 40%;}

.row p{color: #d0d0d2; margin-left: 25%; margin-top: 10px;}


#red{color:#de4356;}

/*具体商铺部分*/
.matter{width: 100%; height:100% ; background: #fff;}

.matter ul{width: 90%; min-height: 800px; margin:10px auto 0;}

.matter li{float: left; width: 50%; height: 201px;}

.matter li .zong{ width: 90%; height: 100%;  margin: 0 auto;}

.matter li .zong a{display: block; width: 100%; height: 100%;}

.matter .tu{width: 99.6%; height: 70%; border: 1px solid #e6e6e6;}

.matter .tu img{width: 99%; height: 100%;}

#name{width: 100%; font-size: 13px; color: #333333; text-align: center; height: 15px; margin-top: 10px;
white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.matter li a span{font-size: 0.13rem; color: red; display: block; height: 20px; margin-top: 5px;}

.matter li a span i{font-size: 0.12rem}